<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- src source的缩写(源) -->
  <!-- alt 在图片地址错误时所展示的文字 -->
  <img src="https://pic4.zhimg.com/80/v2-2425cc3fa1f6d7b252d3eeccf2f8000b_1440w.webp" alt="这是图片">

  <!-- 事实上img是一个可替换元素(replaced element) 
    他们的展示效果不是css来控制的,这些元素是一种外部对象,他们外观的渲染是独立于css的.简单来说就是不受当前文档的样式影响. -->

  <!-- 常见的可替换元素    iframe   video  img  embed -->
</body>

</html>